<!doctype html>
<html  lang="">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="stylesheet" href="css/12czm.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/new.css"/>

</head>

<body>
<div id="body">
    <div id="bodyhead">
        <div id="bodyheadhead" class="col-12">
            <div class="col-8 relative col-xs-11 col-xs-11" id="bodyheadheadmain">
                <div id="bodyheadmainleft">您好，欢迎您浏览温州市科达阀门有限公司官方网站！</div>
                <div id="bodyheadmainright">86 577 86915677<i style="margin: 0 9px">|</i><i>联系我们</i></div>
            </div>
        </div>
        <div id="bodyheadmain" class="col-12">
            <div class="col-8 relative col-xs-11" id="bodyheadmainmain">
                <div id="bodyheadmainmainleft" class="col-5 col-xs-12">
                    <img style="max-width: 100%;" src="img/logo.png" alt="">
                </div>

                <div id="bodyheadmainmainright" class="col-7 col-xs-12">

                    <div class="navbar navbar-inverse">
                        <div class="container">
                            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <div class="navbar-collapse collapse" role="navigation" aria-expanded="false" style="height: 1px;">
                                <ul class="nav navbar-nav">
                                    <li class="col-xs-12"><a href="index.html">首页</a></li>
                                    <li class="col-xs-12"><a href="#">关于科达 </a></li>
                                    <li class="col-xs-12"><a href="new.html">新闻中心 </a></li>
                                    <li class="col-xs-12"><a href="show.html">产品展示 </a></li>
                                    <li class="col-xs-12"><a href="#">技术与服务</a></li>
                                    <li class="col-xs-12"><a href="#">在线留言 </a></li>
                                    <li class="col-xs-12"><a href="#">联系我们 </a></li>
                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="newcenterhtml_bodyheadmain" class="col-12">
            <img src="img/在线留言.jpg" alt="">
        </div>
    </div>

    <div id="bodymain">

        <div id="content2">
            <div class="col-8 relative col-xs-11">
                <div id="online_htmlmain">
                    <input id="productName" class="col-sm-12 col-xs-12" type="text" placeholder="产品名称：填写您要咨询的产品名称">
                    <input id="productQuantity" class="col-sm-12 col-xs-12" type="text" placeholder="产品数量：请填写产品数量：填写您要咨询的产品名称">
                    <input id="Contact" class="col-sm-12 col-xs-12" type="text" placeholder="联系人：请填写您的姓名">
                    <input id="contactNumber" class="col-sm-12 col-xs-12" type="text" placeholder="联系电话：请填写您的联系电话">
                    <textarea id="Describe" type="text" class="col-12" placeholder="描述：请详细描述您的问题，以便我们更好的为您解答"></textarea>
                    <input id="verificationCode" class="col-sm-12 col-xs-12" type="text" placeholder="验证码：请填写右侧看到的验证码">

                    <div style="display: inline-block; width: 100%;">
                        <input type="button" value="提  交">
                        <input type="button" value="重  置">
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div id="bodyfoot2">
        <div class="col-8 relative col-xs-11">
            <div class="col-6 col-xs-12">
                <img src="img/foot2logo.png" alt="" style="padding:0 22px 25px 0">
                <img src="img/Alibaba.jpg" alt="">


                <div class="navbar navbar-inverse">
                    <div class="container">
                        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <div class="navbar-collapse collapse" role="navigation" aria-expanded="false" style="height: 1px;">
                            <ul class="nav navbar-nav">
                                <li><a href="#">首页</a></li>
                                <li><a href="#">关于科达 </a></li>
                                <li><a href="#">新闻中心 </a></li>
                                <li><a href="#">产品展示 </a></li>
                                <li><a href="#">技术与服务</a></li>
                                <li><a href="#">在线留言 </a></li>
                                <li><a href="#">联系我们 </a></li>
                            </ul>

                        </div>
                    </div>
                </div>

            </div>
            <div id="bodyfoot2right" class="col-lg-6 col-md-6 col-xs-11 col-sm-11" style="text-align: right; display: table; ">
                <div style="display: inline-block">
                    <div style="padding-right: 47px;display: table-cell; vertical-align: middle;">
                        <i>咨询热线</i>
                        <span>0577 86915677</span>
                    </div>
                </div>
                <div style="display: inline-block">
                    <div style="display: table-cell;vertical-align: middle;">
                        <img src="img/m.jpg" alt="" style="float:right; ">
                    </div>
                </div>
            </div>
        </div>
        </d v>
    </div>
</div>
</body>

<script src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>

<script>
    var throttle = function (fn, delay, atleast) {
        var timer = null;var previous = null;
        return function () {
            var now = +new Date();
            if ( !previous ) previous = now;
            if ( atleast && now - previous > atleast ) {
                fn();
                // 重置上一次开始时间为本次结束时间
                previous = now;
                clearTimeout(timer);
            } else {
                clearTimeout(timer);
                timer = setTimeout(function() {
                    fn();
                    // alert("你是谁这是哪儿")
                    previous = null;
                }, delay);
            }
        }
    };

    $(function ccc() {
        if(window.innerWidth >996) {
            // 尾部
            $("#bodyfoot2 li,.navbar-nav li,#bodyheadmainmainright").removeClass("col-xs-12")
        }else if(window.innerWidth <996 && window.innerWidth >620) {
            $(".navbar-nav li").removeClass("col-12")

        }else if(window.innerWidth <= 620) {
            // 尾部
            $("#bodyfoot2 li,.navbar-nav li,#bodyheadmainmainright").addClass("col-xs-12")
        }


        // 底部
        var aaa = $("#online_htmlmain").children().length;
        if(window.innerWidth > 1200) {
            $("#online_htmlmain input").outerWidth(($("#online_htmlmain").width())/1200*580)
            for (var i = 0; i < aaa-1; i++) {
                if ((i+1)%2 !=0) {
                    $("#online_htmlmain input")[i].style.marginRight = (($("#online_htmlmain").outerWidth() - $("#online_htmlmain input").outerWidth() * 2))-3 + "px"
                    // $("#online_htmlmain input")[i].style.float = 'right'
                }
            }
        console.log($("#online_htmlmain input").css('marginRight'))
            $("#online_htmlmain input[type=button]:first-child").css('marginRight', $("#online_htmlmain input").css('marginRight'))
        }else if(window.innerWidth <= 1200){
            $("#online_htmlmain input").outerWidth(($("#online_htmlmain").width()) )
        }

        window.onresize = throttle(ccc, 200);
    })


</script>
</html >
